<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./js/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="./css/reset.css" />
    <style type="text/css">
        #hair #hair-con {
            width: 990px;
            height: 100px;
            margin: 0 auto;
        }
        
        #hair #hair-con img {
            display: block;
            float: left;
            margin-top: 15px;
        }
        
        #header-cvn,
        #eyebrow #eyebrow-cvn,
        #mose,
        #mouth,
        #bodeys .bodeys-two,
        .shoubiao-one,
        #shoubiao-two,
        #hander-first ul,
        #hander #hander-two,
        #hander #hander-three {
            width: 1200px;
            margin: 0 auto;
        }
        
        #eyebrow {
            width: 100%;
            height: 44px;
            background-color: #000000;
        }
        
        #eyebrow #eyebrow-cvn {
            height: 44px;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvnone {
            color: aliceblue;
            width: 70px;
            font-size: 12px;
            float: left;
            margin-top: 13px;
            margin-left: 18px;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvnone .span-one {
            display: block;
            width: 20px;
            height: 20px;
            background-image: url(./img/a.png);
            background-position: -280px -325px;
            float: left;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvnone .span-two {
            display: block;
            float: right;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvntwo {
            float: left;
            margin-left: 72px;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvntwo li {
            float: left;
            padding-right: 50px;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvntwo li a {
            display: block;
            height: 44px;
            font-size: 14px;
            color: aliceblue;
            line-height: 44px;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvntwo li .a-one {
            border-bottom: 2px solid aliceblue;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvntwo li a:hover {
            color: #ff9900;
            border-bottom: 2px solid aliceblue;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvnthree {
            color: aliceblue;
            width: 78px;
            font-size: 12px;
            float: right;
            margin-top: 13px;
            margin-left: 18px;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvnthree .span-one {
            display: block;
            width: 28px;
            height: 20px;
            background-image: url(./img/d.png);
            background-position: -440px -336px;
            float: left;
        }
        
        #eyebrow #eyebrow-cvn .eyebrow-cvnthree a .span-two {
            display: block;
            float: right;
            color: aliceblue;
        }
        
        .table {
            width: 990px;
            margin: 100px auto;
        }
        
        .table th {
            text-align: center;
            width: 160px;
        }
        
        .table td {
            height: 100px;
            line-height: 100px;
            font-size: 16px;
            text-align: center;
        }
        
        .table img {
            width: 100px;
            height: 100px;
        }
        
        .table button {
            width: 40px;
            height: 20px;
            text-align: center;
            line-height: 20px;
        }
        
        .table .obtn {
            width: 100%;
            height: 100%;
            background-color: red;
            color: white;
            outline: none;
            border: none;
        }
        
        #oTr {
            display: none;
        }
    </style>
</head>

<body>
    <div id="hair">
        <div id="hair-con">
            <img src="./img/logo-icon.png">
            <img src="./img/logo-icon2.png" alt="">
        </div>
    </div>
    <div id="eyebrow">
        <div id="eyebrow-cvn">
            <div class="eyebrow-cvnone">
                <span class="span-one"></span><span class="span-two">所有分类</span>
            </div>
            <ul class="eyebrow-cvntwo">
                <li><a href="http://192.168.50.142/MIDO/index.html">首页</a></li>
                <li><a href="http://192.168.50.142/MIDO/shopgoods.html">商品</a></li>
                <li><a href="">男表</a></li>
                <li><a href="">女表</a></li>
                <li><a href="">情侣表</a></li>
                <li><a href="">限时秒杀</a></li>
                <li class="nolookone" style="color: white;"><a href="#">个人中心</a></li>
                <li class="nolooktwo" style="color: white;"><a href="#" class="a-one">购物车</a></li>
            </ul>
            <div class="eyebrow-cvnthree">
                <a href=""><span class="span-one"></span><span class="span-two">联系商家</span></a>
            </div>
        </div>
    </div>
    <!-- //=========================================== ==============-->
    <table border="1" cellspacing="" cellpadding="" class="table">
        <thead>
            <tr>
                <!-- <th>全选</th> -->
                <th width="160px">商品图片</th>
                <th width="220px">商品名称</th>
                <th width="160px">商品数量</th>
                <th width="160px">商品单价</th>
                <th width="160px">小计</th>
                <th width="100px">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr class="moneylast">
                <td colspan="4" align="center">共计<span id="countgoods"></span>件商品,共<span id="countmoneys"></span>元</td>
                <td colspan="2"><button type="button" class="obtn">结算</button></td>
            </tr>
        </tbody>
    </table>

</body>

</html>
<script src="./nodejs/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/gouwuche.js"></script>